<template>
	<view style="padding: 40rpx;">
		<rich-text :nodes="detail.content"></rich-text>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				detail: ''
			}
		},
		onLoad(options) {
			uni.setNavigationBarTitle({
				title: options.name
			})
			this.$fun.ajax.post('news/getNews', {
				id: options.id,
				type: options.type
			}).then(res => {
				this.detail = res.data
				if (options.id) {
					this.readLog(options.id)
				}
			})
		},
		methods: {
			//已读公告
			readLog(id) {
				this.$fun.ajax.post('news/readLog', {
					id: id
				}).then(res => {
					// console.log(res)
				})
			},
		}
	}
</script>

<style lang="scss">
	// page{
	// 	background: rgb(245,245,245);
	// }
	.item_remark {
		padding-right: 0.9375rem;
		padding-left: 0.9375rem;
		display: flex;
		justify-content: flex-start;
		padding-bottom: 1.71875rem;
	}

	.item_remark:first-child {
		padding-top: 1.71875rem;
	}

	.item_remark>img {
		margin-right: 0.65625rem;
		width: 1.9375rem;
		height: 1.9375rem;
	}

	.r {
		width: calc(100vw - 3.53125rem);
		display: flex;
		flex-direction: column;
		padding-bottom: 0.9375rem;
		// border-bottom: 0.0625rem solid #E6E6E6;
	}

	.title {
		display: flex;
		justify-content: space-between;
		margin-bottom: 0.8125rem;
	}

	.title>span:first-child {
		color: #333333;
		font-size: 0.9375rem;
		font-weight: bold;
	}

	.title>span:nth-child(2) {
		color: #999999;
		font-size: 0.75rem;
	}

	.info {
		color: #999999;
		font-size: 0.75rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
</style>